<style type="text/css" media="screen">
	.members-header{
		float:left;
		text-align:center;border-right:inset 1px gray; border-bottom:inset 1px gray;padding:10px 0 10px 0;
	}
	.members-list{
		float:left;
		border-right:inset 1px gray; border-bottom:inset 1px gray;padding:10px 0 10px 0;
		height:45px;
	}
	.members-list div{
		padding-left:5px;
	}
	.list-content{
		margin-top:12px;
	}
	.gal-bg{
		background: #61b0be; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #61b0be 0%, #4e4d4d 30%, #4e4d4d 51%, #4e4d4d 69%, #61b0be 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#61b0be), color-stop(30%,#4e4d4d), color-stop(51%,#4e4d4d), color-stop(69%,#4e4d4d), color-stop(100%,#61b0be)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #61b0be 0%,#4e4d4d 30%,#4e4d4d 51%,#4e4d4d 69%,#61b0be 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #61b0be 0%,#4e4d4d 30%,#4e4d4d 51%,#4e4d4d 69%,#61b0be 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #61b0be 0%,#4e4d4d 30%,#4e4d4d 51%,#4e4d4d 69%,#61b0be 100%); /* IE10+ */
		background: linear-gradient(135deg,  #61b0be 0%,#4e4d4d 30%,#4e4d4d 51%,#4e4d4d 69%,#61b0be 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61b0be', endColorstr='#61b0be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		
	}
</style>
<div style="width:974px;margin:0 auto;" id="member_main">
	<div class="clear-15"></div>
	<div class="user-div">
		<div class="dark-blue-bar bar-rad-top calibri_bold site-blue" style="padding:12px 10px 12px 20px;border-bottom:1px solid #6a6a6a">Gallery</div>
		<div style="padding:18px 30px" class="calibri gray-bar bar-rad-buttom">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
	</div>
	
	<div class="clear-15"></div>
	<div class="user-div gal-bg" style="padding:0 0 15px 15px;">
		<style type="text/css" media="screen">
			#gal_content{
				margin-left:8px;
			}
			#gal_content li{
				float:left;
				list-style-type:none;
				width:220px;
				margin:15px 15px 0 0;
			}
			#gal_content li img{
				border:solid 1px #6a6a6a;
			}
		</style>
		<ul id="gal_content">
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game1.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game1.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game1.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game2.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game1.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game2.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game1.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			<li>	
				<div class="user-div" style="padding:7px;background:#000">
					<div>
						<img src="<?php echo base_url() ?>images/games/game2.jpg" width="203" height="178" alt="Game1">
					</div>
					<div class="clear" style="height:13px"></div>
					<div>
						<p class="calibri-bold site-blue">Lorem ipsum</p>
						<p class="calibri">dolor sit amet, consectetur adipisicing elit</p>
						<p class="calibri" style="color:#6a6a6a">1 image</p>
					</div>
				</div>	
			</li>
			
		</ul>
		<div class="clear-15"></div>
		<div style="float:right;margin-right:23px"><a href="#"><img src="<?php echo base_url() ?>images/gal_seemore.png" width="122" height="28" alt="Gal Seemore"></a></div>
		<div class="clear"></div>
	</div>
	
</div>